<template xmlns:a="http://www.w3.org/1999/html">
  <div class="u-page u-page-process-bg u-box">
    <!-- 标题 -->
    <div class="u-cl-white u-pt-20 u-pb-20">
      <div class="u-fz-26 u-font-bold">{{ form.subject }}</div>
      <div class="u-number u-pb-10 u-pt-10">
        请在{{ form.deadline }}前（含当天）完成复选。
      </div>
    </div>
    <!-- 表单 -->
    <div
      class="rule-form rule-form-input-right u-box u-radius-lg u-shadow u-bcl-white"
    >
      <u-form ref="uForm" :model="form">
        <u-form-item label="项目详情" :border-bottom="true">
          <div style="float: right">
            <div
              style="float: right; color: #3b79fe; text-decoration: underline"
              @click="
                $u.route(
                  '/pages_private_scene1/ExpertCooperate/jobInfo?taskNumber=' +
                    taskNumber
                )
              "
            >
              点击查看
            </div>
          </div>
        </u-form-item>
        <u-form-item
          label="报名信息"
          label-position="top"
          :border-bottom="false"
        >
        </u-form-item>
        <div v-for="(item, index) in signUpUserList" :key="index">
          <u-form-item :border-bottom="false">
            <u-checkbox
              @change="checkboxChange"
              shape="circle"
              v-model="item.checked"
              :name="item.userId"
            >
              {{ item.nickName }}
            </u-checkbox>
            <div
              style="
                float: right;
                color: #3b79fe;
                text-decoration: underline;
                margin: 10rpx;
              "
              @click="showTips(item)"
            >
              实施计划
            </div>
          </u-form-item>
        </div>
      </u-form>
      <u-modal
        ref="uModal"
        title="温馨提示"
        show-cancel-button
        confirm-text="确认中标"
        cancel-text="关闭"
        v-model="passApply"
        @confirm="signupDemand"
      >
        <div class="u-p-20">
          <text>请再次确认中标拍档！</text>
        </div>
      </u-modal>
      <u-modal
        ref="uModal"
        title="温馨提示"
        show-cancel-button
        confirm-text="确认"
        cancel-text="关闭"
        v-model="refuseApply"
        @confirm="signupDemand('reject')"
      >
        <div class="u-p-20">
          <text>确认后将终止本需求，其他拍档均不可报名！</text>
        </div>
      </u-modal>
    </div>

    <!-- 按钮 -->
    <div
      :style="showBtn ? btnStyle : 'bottom: 100rpx;position: fixed;width: 90%;'"
    >
      <div>
        <u-button type="primary" shape="circle" @click="passApply = true">
          通过复选
        </u-button>
      </div>
      <div style="margin-top: 10rpx">
        <u-button type="info" shape="circle" @click="refuseApply = true">
          都不通过
        </u-button>
      </div>
    </div>
  </div>
</template>

<script src="./js/filterPartnerAgain.js"></script>
<style lang="scss" scoped></style>
